<div ng-controller="listenDetailsCtrl" class="listen_details">
    <header>
        <div class="top">
            <i></i>
            <span class="share"></span>
            <span class="like"></span>
        </div>
        <div class="title">
            <img src="src/image/listenbook-1.jpg" alt="listenbook-back1">
            <h3>蜉蝣传</h3>
            <p>作者：陈安野</p>
            <p>演播：忽悠台长</p>
            <p>类型：历史</p>
            <p>状态：<i>连载中</i></p>
        </div>
    </header>
    <div class="synopsis">
        <div class="syn">
            <h2>简介</h2>
            <span>更多...</span>
        </div>
        <p>
            不自量力而妄图撼树者，谓之蚍蜉，又如扑火之飞蛾，当车之螳臂；知其不可而为之者，或曰愚公，或曰夸父，然若其以鸿毛之身怀凌云之志，则亦可称为英雄...
        </p>
    </div>
    <div class="catalog">
        <h2>目录</h2>
        <div class="chapter"><i>更新至：</i><i>09</i><i>金岭</i><span></span></div>
    </div>
    <div class="col"></div>
    <div class="hot">
        <div class="hot-title">
            <h2>热门推荐</h2>
            <span>换一批</span>
        </div>
        <ul>
            <li>
                <img src="src/image/listenbook-2.jpg" alt="listenbook-2.jpg">
                <p>护花狂魔</p>
            </li>
            <li>
                <img src="src/image/listenbook-3.jpg" alt="listenbook-2.jpg">
                <p>官途</p>
            </li>
            <li>
                <img src="src/image/listenbook-4.jpg" alt="listenbook-2.jpg">
                <p>极品妙医</p>
            </li>
            <li>
                <img src="src/image/listenbook-5.jpg" alt="listenbook-2.jpg">
                <p>兽破苍穹</p>
            </li>
        </ul>
    </div>
    <div class="col"></div>
    <div class="comment">
        <div class="com-title">
            <h2>评论（288条）</h2>
            <span>写评论</span>
        </div>
        <div class="user">
            <a href="javascript:;"><img src="src/image/listenbook-user1.png" alt="listenbook-user1.png"></a>
            <h3>爱吃老鼠的猫</h3>
            <div class="star">
                <i></i><i></i><i></i><i></i><i></i>
                <b>01月30日</b><b>14:58</b>
            </div>
            <p>这本书相当不错！作者大大威武！犒劳一下，希望后续更精彩！</p>
            <div class="l-r">
                <i>323</i>
                <span>12</span>
            </div>
        </div>
        <div class="user">
            <a href="javascript:;"><img src="src/image/listenbook-user2.png" alt="listenbook-user1.png"></a>
            <h3>神一样的队友</h3>
            <div class="star">
                <i></i><i></i><i></i><i></i><i></i>
                <b>01月30日</b><b>14:58</b>
            </div>
            <p>作者们都写得很认真，而且现在还一直每期都买、都读，也未必就能显得写得多出色。</p>
            <div class="l-r">
                <i>323</i>
                <span>12</span>
            </div>
        </div>
        <div class="user">
            <a href="javascript:;"><img src="src/image/listenbook-user3.png" alt="listenbook-user1.png"></a>
            <h3>小华</h3>
            <div class="star">
                <i></i><i></i><i></i><i></i><i></i>
                <b>01月30日</b><b>14:58</b>
            </div>
            <p>每一个字如烟云一晃而过，真对不起这些我们这个时代的精英分子的心血之作。</p>
            <div class="l-r">
                <i>323</i>
                <span>12</span>
            </div>
        </div>
        <button>查看更多</button>
    </div>
    <footer>
        <a href="javascript:;">点击下载</a>
        <a href="javascript:;">加入书架</a>
        <a href="javascript:;" class="on">立即畅听</a>
    </footer>
</div>